<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" type="text/css" href="styles.css">
    <link rel="stylesheet" type="text/css" href="styles.css">
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <script>
	  $(document).ready(function() {
		$("#accordion").accordion();
	  });
  	</script>
    <script>
		jQuery(document).ready(function(){
		$('.accordion .head').click(function() {
		$(this).next().toggle();
		return false;
		}).next().hide();
		});
	</script>
</head>
<body>
	<div id="main_bg">
		<div id="title_page">
			<h1>e-Learning+</h1>
		</div>
		<hr>
		<div id="page_header">
			<div id="nav">
				<a href="/e-learning+/profile" id="link">My profile</a>
				<a href="/e-learning+" id="signout">Sign out</a>
			</div>
		</div>
		<div id="content">
			<a href="/e-learning+/main" style="color:#2180CE;font-size:30px;text-decoration:none;font-weight:bold;">Audio</a>
			<br>
            <audio controls="controls">
              	<source src="horse.ogg" type="audio/ogg">
              	<source src="horse.mp3" type="audio/mpeg">
	            Your browser does not support the audio element.
            </audio>
            <div id="accordion">
                            <h3><a href="#">Elementary School</a></h3>
                            <div>
                                <div id="accordion">
                                    <h3><a href="#">Matematika</a></h3>
                                    <div>
                                        <p> a</p>
                                    </div>
                                    <h3><a href="#">Bahasa Indonesia</a></h3>
                                    <div>
                                        <p> a</p>
                                    </div>
                                </div>   
                            </div>
                            <h3><a href="#">Junior High School</a></h3>
                            <div>
                                <div id="accordion">
                                    <h3><a href="#">Matematika</a></h3>
                                    <div>
                                        <p> a</p>
                                    </div>
                                    <h3><a href="#">Bahasa Indonesia</a></h3>
                                    <div>
                                        <p> a</p>
                                    </div>
                                </div>   
                            </div>
                            <h3><a href="#">Senior High School</a></h3>
                            <div>
                                <div id="accordion">
                                    <h3><a href="#">Matematika</a></h3>
                                    <div>
                                        <p> a</p>
                                    </div>
                                    <h3><a href="#">Bahasa Indonesia</a></h3>
                                    <div>
                                        <p> a</p>
                                    </div>
                                </div>   
                            </div>
                            <h3><a href="#">Collage</a></h3>
                            <div>
                                <div id="accordion">
                                    <h3><a href="#">Kalkulus</a></h3>
                                    <div>
                                        <p> a</p>
                                    </div>
                                    <h3><a href="#">Bahasa Indonesia</a></h3>
                                    <div>
                                        <p> a</p>
                                    </div>
                                    <h3><a href="#">Pemrograman Komputer</a></h3>
                                    <div>
                                        <p> a</p>
                                    </div>
                                </div>   
                            </div>
                  
		</div>
	</div>
</body>

</html>